<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Ingresar Usuario!</title>
    </h:head>
 
    <h:body>

        <div id="top" class="top">
             <ui:include src="../Otros/Menu.xhtml" />
        </div>

        <div id="content" class="center_content">
             <p:panel header="Ingresar Sitio Nuevo" footer="Desarrollado por : Fabian Novoa- William Rozo!">  
        <h:form prependId="false">  
            
             <h:panelGrid id="grid" columns="4" cellpadding="5">  
            <h:outputLabel for="name" value="Nombres:" style="font-weight:bold"/>                      
            <p:inputText id="name" value="#{insertarUsuario.user.nombre}" required="true" label="Name"/>  
            <p:message for="name" />  
            <h:outputText value="" />  
            
            <h:outputLabel for="last" value="Apellidos:" style="font-weight:bold"/>                      
            <p:inputText id="last" value="#{insertarUsuario.user.apellido}" required="true" label="Last"/>  
            <p:message for="last" />  
            <h:outputText value="" />  
            
            <h:outputLabel for="correo" value="Correo:" style="font-weight:bold"/>                      
            <p:inputText id="correo" value="#{insertarUsuario.user.correo}" required="true" label="Correo"/>  
            <p:message for="correo" />  
            <h:outputText value="" /> 
            
            
             <h:outputLabel for="rol" value="Rol:" style="font-weight:bold"/>   
             <p:selectOneMenu   id="rol" value="#{insertarUsuario.id}" effect="fade" >  
            <f:selectItem itemLabel="Select One" itemValue="" />  
            <f:selectItems value="#{insertarUsuario.listaRoles}" var="Roles" itemLabel="#{Roles.nombreRol}" itemValue="#{Roles.idRol}"/>  
        </p:selectOneMenu>
              <p:message for="rol" /> 
              <h:outputText value="" /> 
              <h:outputText value="" /> 
              <p:commandButton value="Insertar" actionListener="#{insertarUsuario.agregarUsuario}"  ajax="false" icon="ui-icon-check" validateClient="true" style="margin-right:10px"/>  
        </h:panelGrid>  
        </h:form>
            </p:panel>
        </div>

    </h:body>

</html>
